<template>
  <el-container style="height: 100vh;">
    <el-aside width="300px" class="sidebar-container">
      <AdminSidebar />
    </el-aside>
    <el-container>
      <el-main class="content-container">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
import AdminSidebar from '../Sidebar/AdminSidebar.vue'

export default {
  name: 'AdminHome',
  components: {
    AdminSidebar
  }
}
</script>

<style scoped>
.el-container {
  height: 100vh;
}

.sidebar-container {
  background-color: #84c2d8;
  width: 300px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
}

.content-container {
  margin-left: 300px;
  padding: 20px;
  overflow: auto;
  height: 100vh;
}
</style>
